<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>申请单列表</title>
	<link rel="stylesheet" type="text/css" href="../font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">

	<!-- 消息提示 -->
	<link rel="stylesheet" type="text/css" href="../lib/message/message.css">

	<!-- 弹窗 -->
	<link rel="stylesheet" type="text/css" href="../lib/TheDialog/index.css">
	<!-- 分页 -->
	<link rel="stylesheet" type="text/css" href="../lib/ThePaging/ThePaging.css">

	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<!-- 分页盒子 -->
	<link rel="stylesheet" type="text/css" href="../css/list.css">
	<!-- 表格 -->
	<link rel="stylesheet" type="text/css" href="../css/table.css">
	<link rel="stylesheet" type="text/css" href="../css/apply-list.css">
	<!-- 详情弹窗样式 -->
	<link rel="stylesheet" type="text/css" href="../css/apply-detail-dialog.css">
	<!-- 审批弹窗 -->
	<link rel="stylesheet" type="text/css" href="../css/apply-examine-dialog.css">
	<!-- 文件选择弹窗 -->
	<link rel="stylesheet" type="text/css" href="../css/apply-file-dialog.css">
</head>
<body>
	<div class="list-container apply-list-wp">
		<div class="search-box group">
			<div class="header">
				<i class="fa icon-grid"></i><span>信息查询</span>
			</div>
			<div class="body">
				<div class="item">
					<span class="label">申请单号</span>
					<div class="value">
						<input class="applyNo com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">拼音检索</span>
					<div class="value">
						<input class="patientNameSpell com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">检查号</span>
					<div class="value">
						<input class="inspectionCode com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">影像号</span>
					<div class="value">
						<input class="imageCode com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">门诊号</span>
					<div class="value">
						<input class="outpatientCode com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">住院号</span>
					<div class="value">
						<input class="hospitalizedCode com-ipt" type="text"/>
					</div>
				</div>
				<div class="item">
					<span class="label">患者姓名</span>
					<div class="value">
						<input class="patientName com-ipt" type="text"/>
					</div>
				</div>
				<div class="item" style="padding-left: 7em;">
					<span class="label">申请开始时间</span>
					<div class="value">
						<input class="start-time com-ipt" type="date"/>
					</div>
				</div>
				<div class="item" style="padding-left: 7em;">
					<span class="label">申请结束时间</span>
					<div class="value">
						<input class="end-time com-ipt" type="date"/>
					</div>
				</div>
				<div class="item">
					<span class="label">处理状态</span>
					<div class="value">
						<select class="applyState com-select">
							<option value="">全部</option>
							<option value="0">待审批</option>
							<option value="1">科室主任审核</option>
							<option value="2">医教科审核</option>
							<option value="3">信息科审核</option>
							<option value="4">审批通过</option>
						</select>
					</div>
				</div>
				<div class="btn-box">
					<button class="com-btn primary is-block search-btn">查询</button>
				</div>
			</div>
		</div>
		<div class="drag-box">
			<div class="fold-btn" title="折叠">
				<i class="fa"></i>
			</div>
		</div>
		<div class="main group">
			<div class="header">
				<i class="fa icon-grid"></i><span>申请单列表</span>
				<div class="btn-box">
					<button class="com-btn add-btn">
						<i class="icon iconfont iconjia"></i>新增
					</button>
				</div>
			</div>
			<div class="body">
				<div class="com-table">
					<div class="com-table-head">
						<table>
							<thead>
								<tr>
									<td><span class="text"></span></td>
									<td><span class="text">申请单号</span></td>
									<td><span class="text">申请时间</span></td>
									<td><span class="text">患者姓名</span></td>
									<td><span class="text">性别</span></td>
									<td><span class="text">年龄</span></td>
									<td><span class="text">患者类型</span></td>
									<td><span class="text">申请科室</span></td>
									<td><span class="text">申请医生</span></td>
									<td><span class="text">定制部位</span></td>
									<td><span class="text">检查部位、检查方法</span></td>
									<td><span class="text">检查号</span></td>
									<td><span class="text">影像号</span></td>
									<td><span class="text">门诊号</span></td>
									<td><span class="text">住院号</span></td>
									<td><span class="text">设备明细</span></td>
									<td><span class="text">申请状态</span></td>
									<td><span class="text">制做状态</span></td>
									<td><span class="text">操作</span></td>
								</tr>
							</thead>
						</table>
					</div>
					<div class="com-table-body">
						<div class="table-box">
							<table>
								<tbody>
									<tr class="empty"><td>暂无数据</td></tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div id="applyListPaging"></div>
			</div>
		</div>
	</div>

	<!-- 申请单-添加-修改 -->
	<div class="the-dialog detail-dialog" id="detailDialog">
		<div class="_container">
			<div class="_header">
				<span class="title">添加影像申请</span>
				<i class="close-btn icon iconfont iconguanbi"></i>
			</div>
			<div class="_content clearfix">
				<div class="title">申请信息</div>
				<div class="this-form">
					<div class="clearfix">
						<div class="item pull-left">
							<span class="label">申请科室</span>
							<div class="value">
								<input class="com-ipt sqks-ipt" readonly type="text">
							</div>
						</div>
						<div class="item pull-left">
							<span class="label">申请医生</span>
							<div class="value">
								<input class="com-ipt sqys-ipt" readonly type="text">
							</div>
						</div>
					</div>
					<div class="item file-item">
						<span class="label">选择影像信息</span>
						<div class="value clearfix">
							<input class="com-ipt pull-left yxxx-ipt" type="text" readonly>
							<button class="com-btn primary pull-left" id="choiseFileBtn">选择影像文件</button>
						</div>
					</div>
					<div class="patient-info">
						<div class="title">患者信息确认</div>
						<div class="row row1 clearfix">
							<div class="item2">
								<span class="label">患者姓名</span>
								<span class="value hz-name">-</span>
							</div>
							<div class="item2">
								<span class="label">性别</span>
								<span class="value hz-sex">-</span>
							</div>
							<div class="item2">
								<span class="label">年龄</span>
								<span class="value hz-age">-</span>
							</div>
						</div>
						<div class="row row2 clearfix">
							<div class="item2">
								<span class="label">门诊号</span>
								<span class="value hz-mz">-</span>
							</div>
							<div class="item2">
								<span class="label">住院号</span>
								<span class="value hz-zy">-</span>
							</div>
							<div class="item2">
								<span class="label">检查号</span>
								<span class="value hz-jc">-</span>
							</div>
							<div class="item2">
								<span class="label">影像号</span>
								<span class="value hz-yx">-</span>
							</div>
						</div>
						<div class="img-box">
							<img src="../image/001.png">
						</div>
					</div>
					<div class="item bw-item">
						<span class="label">定制部位</span>
						<div class="value clearfix">
							<label class="pull-left">
								<input class="pull-left" type="radio" value="1" name="bwradio"><span class="pull-left">头部</span>
							</label>
							<label class="pull-left">
								<input class="pull-left" type="radio" value="2" name="bwradio"><span class="pull-left">颈部</span>
							</label>
						</div>
					</div>
					<div class="item zd-item">
						<span class="label">疾病诊断</span>
						<div class="value">
							<textarea class="com-textarea dzzd-ipt" rows="5"></textarea>
						</div>
					</div>
					<div class="item ly-item">
						<span class="label">定制理由</span>
						<div class="value">
							<label class="clearfix">
								<input class="pull-left" type="radio" value="1" name="lyradio">
								<span class="text pull-left">术前或术后定制模型，利于医生制定治疗方案和患方沟通、疗效评估</span>
							</label>
							<label class="clearfix">
								<input class="pull-left" type="radio" value="2" name="lyradio">
								<span class="text pull-left">个体化精准定制重建修复材料用于治疗</span>
							</label>
							<label class="clearfix">
								<input class="pull-left" type="radio" value="3" name="lyradio">
								<div class="text pull-left">
									其他
									<input class="com-ipt ly-else-ipt" type="text">
								</div>
							</label>
						</div>
					</div>
					<div class="item lx-item">
						<span class="label">影像数据类型</span>
						<div class="value clearfix">
							<label class="pull-left">
								<input class="pull-left" type="radio" value="1" name="lxradio"><span class="pull-left">CT 或 CTA</span>
							</label>
							<label class="pull-left">
								<input class="pull-left" type="radio" value="2" name="lxradio"><span class="pull-left">MR 或 MRA、MRV</span>
							</label>
							<label class="pull-left">
								<input class="pull-left" type="radio" value="3" name="lxradio"><span class="pull-left">DTI 或 功能成像</span>
							</label>
						</div>
					</div>
				</div>
			</div>
			<div class="_footer">
				<button class="com-btn close-btn">取消</button>
				<button class="com-btn primary submit-btn">确认</button>
			</div>
		</div>
	</div>

	<!-- 申请单-审批 -->
	<div class="the-dialog examine-dialog" id="examineDialog">
		<div class="_container">
			<div class="_header">
				<span class="title">申请单-审批</span>
				<i class="close-btn icon iconfont iconguanbi"></i>
			</div>
			<div class="_content">
				<div class="apply-one clearfix">
					<div class="item">
						<span class="label">申请单号：</span>
						<span class="value sqdh-text">20201011002</span>
					</div>
					<div class="item">
						<span class="label">申请科室：</span>
						<span class="value sqks-text">神经内科</span>
					</div>
					<div class="item">
						<span class="label">申请医生：</span>
						<span class="value sqys-text">钟山</span>
					</div>
					<div class="item">
						<span class="label">申请时间：</span>
						<span class="value sqsj-text">2020-10-11 13:32</span>
					</div>
				</div>
				<div class="apply-info group">
					<div class="title">申请信息</div>
					<div class="item" style="padding-left: 7em;">
						<span class="label">选择影像信息：</span>
						<span class="value yxxx-text">影像00001.mp4</span>
					</div>
					<div class="patient-info">
						<div class="title">患者信息确认</div>
						<div class="row row1 clearfix">
							<div class="item">
								<span class="label">患者姓名</span>
								<span class="value hzxm-text">张三</span>
							</div>
							<div class="item">
								<span class="label">性别</span>
								<span class="value hzxb-text">男</span>
							</div>
							<div class="item">
								<span class="label">年龄</span>
								<span class="value hznl-text">45</span>
							</div>
						</div>
						<div class="row row2 clearfix">
							<div class="item">
								<span class="label">门诊号</span>
								<span class="value hzmz-text">MZ202010221</span>
							</div>
							<div class="item">
								<span class="label">住院号</span>
								<span class="value hzzy-text">MZ202010221</span>
							</div>
						</div>
						<div class="row row2 clearfix">
							<div class="item">
								<span class="label">检查号</span>
								<span class="value hzjc-text">MZ202010221</span>
							</div>
							<div class="item">
								<span class="label">影像号</span>
								<span class="value hzyx-text">MZ202010221</span>
							</div>
						</div>
						<div class="img-box">
							<img src="../image/001.png">
						</div>
					</div>
					<div class="item">
						<span class="label">定制部位：</span>
						<span class="value dzbw-text">头部</span>
					</div>
					<div class="item">
						<span class="label">疾病诊断：</span>
						<span class="value jbzd-text">头骨修复</span>
					</div>
					<div class="item">
						<span class="label">定制理由：</span>
						<span class="value dzly-text">术前或术后定制模型，利于医生制定治疗方案和患方沟通、疗效评估</span>
					</div>
					<div class="item" style="padding-left: 7em;">
						<span class="label">影像数据类型：</span>
						<span class="value yxsjlx-text">MR 或 MRA、MRV</span>
					</div>
				</div>
				<div class="approval-info group">
					<div class="title">审批办理</div>
					<div class="list">
						<div class="item">
							<div class="icon iconfont icongou"></div>
							<div class="title">
								<span class="t1">科主任审核</span>
								<span class="result success">同意</span>
							</div>
							<div class="sign">
								<span class="name">张三</span>
								<span>2020-01-01 12:12:12</span>
							</div>
							<div class="idea">
								<span class="label">审批意见：</span>
								<span class="value">最后成果请写个报告。</span>
							</div>
						</div>
						<div class="item is-handing">
							<div class="icon iconfont iconxia"></div>
							<div class="title">
								<span class="t1">科主任审核</span>
							</div>
							<div class="state clearfix">
								<span class="label pull-left">审核状态：</span>
								<div class="value pull-left">
									<label class="pull-left">
										<input class="pull-left" type="radio" name="exstate">
										<span class="pull-left">同意</span>
									</label>
									<label class="pull-left">
										<input class="pull-left" type="radio" name="exstate">
										<span class="pull-left">不同意</span>
									</label>
								</div>
							</div>
							<div class="idea clearfix">
								<span class="label pull-left">审批意见：</span>
								<div class="value pull-left">
									<textarea rows="3"></textarea>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="_footer">
				<button class="com-btn close-btn">取消</button>
				<button class="com-btn primary submit-btn">确认</button>
			</div>
		</div>
	</div>

	<!-- 选择影像文件弹窗 -->
	<div class="the-dialog yx-dialog" id="yxDialog">
		<div class="_container">
			<div class="_header">
				<span class="title">请选择影像文件</span>
				<i class="close-btn icon iconfont iconguanbi"></i>
			</div>
			<div class="_content clearfix">
				<div class="search-box pull-left no-title">
					<div class="item">
						<span class="label">申请单号</span>
						<div class="value">
							<input class="com-ipt applyNo" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">拼音检索</span>
						<div class="value">
							<input class="com-ipt patientNameSpell" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">检查号</span>
						<div class="value">
							<input class="com-ipt inspectionCode" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">影像号</span>
						<div class="value">
							<input class="com-ipt imageCode" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">门诊号</span>
						<div class="value">
							<input class="com-ipt outpatientCode" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">住院号</span>
						<div class="value">
							<input class="com-ipt hospitalizedCode" type="text"/>
						</div>
					</div>
					<div class="item">
						<span class="label">患者姓名</span>
						<div class="value">
							<input class="com-ipt patientName" type="text"/>
						</div>
					</div>
					<div class="btn-box">
						<button class="com-btn primary is-block search-btn">查询</button>
					</div>
				</div>
				<div class="right-box pull-left">
					<div class="box1">
						<div class="com-table table1">
							<div class="com-table-head">
								<table>
									<thead>
										<tr>
											<td></td>
											<td><span class="text">患者姓名</span></td>
											<td><span class="text">性别</span></td>
											<td><span class="text">年龄</span></td>
											<td><span class="text">患者类型</span></td>
											<td><span class="text">检查部位、检查方法</span></td>
											<td><span class="text">检查号</span></td>
											<td><span class="text">影像号</span></td>
											<td><span class="text">门诊号</span></td>
											<td><span class="text">住院号</span></td>
											<td><span class="text">设备明细</span></td>
										</tr>
									</thead>
								</table>
							</div>
							<div class="com-table-body">
								<div class="table-box">
									<table>
										<tbody>
											<tr class="empty"><td>暂无数据</td></tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
						<div class="yx-hz-paging" id="yxHzPaging"></div>
					</div>
					<div class="box2">
						<div class="com-table table2">
							<div class="com-table-head">
								<table>
									<thead>
										<tr>
											<td><span class="text">SerialUID</span></td>
											<td><span class="text">图形名称</span></td>
											<td><span class="text">序列号</span></td>
											<td><span class="text">序列描述</span></td>
											<td><span class="text">图像数</span></td>
											<td><span class="text">操作</span></td>
										</tr>
									</thead>
								</table>
							</div>
							<div class="com-table-body">
								<div class="table-box">
									<table>
										<tbody>
											<tr class="empty"><td>暂无数据</td></tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
						<div class="yx-paging" id="yxPaging"></div>
						<div class="img-box">
							<img src="../image/001.png">
						</div>
					</div>
				</div>
			</div>
			<div class="_footer">
				<button class="com-btn primary close-btn">取消</button>
				<button class="com-btn primary submit-btn">确认</button>
			</div>
		</div>
	</div>

	<script src="../lib/jquery.js"></script>
	<!-- 消息提示 -->
	<script src="../lib/message/message.js"></script>
	<!-- 尺寸变化 -->
	<script src="../lib/onelresize.js"></script>
	<!-- 分页盒子 -->
	<script src="../js/list.js"></script>
	<!-- 表格 -->
	<script src="../js/table.js"></script>
	<!-- 弹窗 -->
	<script src="../lib/TheDialog/index.js"></script>
	<!-- 分页 -->
	<script src="../lib/ThePaging/ThePaging.js"></script>
	<!-- 公共类 -->
	<script src="../js/public.js"></script>
	<!-- 详情弹窗 -->
	<script src="../js/apply-detail-dialog.js"></script>
	<!-- 影像文件弹窗 -->
	<script src="../js/apply-file-dialog.js"></script>
	<!-- 审批弹出 -->
	<script src="../js/apply-examine-dialog.js"></script>
	<!-- 申请单列表 -->
	<script src="../js/apply-list.js"></script>
</body>
</html>